﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>xhPicker多级联动选择器</title>
    <!-- Mobile Devices Support -->
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control" />
    <meta content="no-cache" http-equiv="pragma" />
    <meta content="0" http-equiv="expires" />
    <meta content="telephone=no, address=no" name="format-detection" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Mobile Apple Devices Fullscreen -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- Jquery -->
    <script type="text/javascript" src="/jquery/1.12.4/jquery.min.js"></script>
    <!-- xhui -->
    <link rel="stylesheet" type="text/css" href="/xhui/css/xhui.css" />
    <script src="/xhui/js/xhui.js" type="text/javascript"></script>
    <script src="/xhui/js/cityData.js" type="text/javascript"></script>
    <!-- ICO -->
    <link rel="shortcut icon" href="/favicon.ico" />
    <script type="text/javascript">
		mobileFontSize();
    </script>

    <style type="text/css">
        div { font-size: 0.4rem; }
    </style>
</head>

<body>
    <div id="cityBox">联动选择地区</div>
    <script type="text/javascript">
        $(function () {
            $("#cityBox").xhPicker({
                title: '选择地区',
                data: _CityDate,
                level: 3,
                search: true,
                complate: function (relt) {
                    console.log(relt);
                },
                err: function (e) {
                    console.log(e);
                }
            });
        });
    </script>
</body>
</html>